<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="includes.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<% String basePath = request.getContextPath();%>
<% String baseCSSPath = request.getContextPath()+"/resources/css";%>
<% String baseJSPath = request.getContextPath()+"/resources/js";%>
<% String baseImagePath = request.getContextPath()+"/resources/images";%>


<title>订单结算</title>

<link href="<%=baseImagePath%>/favicon.png" rel="icon">
<link href="<%=baseCSSPath%>/stylesheet.css" rel="stylesheet" type="text/css" >
<script src="<%=baseJSPath %>/jquery-1.js" type="text/javascript" ></script>
<script src="<%=baseJSPath %>/jquery_004.js" type="text/javascript" ></script>
<script src="<%=baseJSPath %>/script.js" type="text/javascript" ></script>
<script src="<%=baseJSPath %>/common.js" type="text/javascript" ></script>
<script src="<%=baseJSPath %>/jquery.validate.min.js" type="text/javascript" ></script>
<script src="<%=baseJSPath %>/jquery.validate.message.js" type="text/javascript" ></script>

<script language="javascript">

$(document).ready(function() {
	
	$("#loginSubmitButton").click(function() {
		$("#login").submit();
	});
	
	$("#login").validate({
		rules: {
			  username: { required:true
          	  },
	          password: { 
	                required: true, minlength: 6
			  }
		}
	});

});

</script>

</head>

<body class="account-login">
	<div class="main-shining">
		
<p style="display: block;" id="back-top"> <a href="#top"><span></span></a> </p>
<div class="row-1">
    <%@ include file="header.jsp" %>
   </div>
<div id="container">
<div id="notification"> </div>
<div id="column-left">
   <%@ include file="navMenu.jsp" %>
 </div>
 
<div id="content">
  <div class="breadcrumb">
        <a href="<%=basePath%>/home.html" >首页</a>
          » <a href="<%=basePath%>/account.html" >我的帐号</a>
          » <a class="last" >登录</a>
      </div>
  <h1>用户登录</h1>
  <div class="box-container">
      <div class="login-content">
      
        <div class="left">
  <h2>未注册用户</h2>
 
  <br>
  <p class="login-padd">未注册用户不便于跟踪和查询订单的状态。您确定您继续使用匿名帐号进行订单结算吗？</p>
  <br/><br/>
  <a id="button-account" class="button" href="shoppingCart/checkout.html"><span>继续</span></a><br>
  <br>
</div>

        <div class="right">
          <h2>客户登录</h2>
          
          <form:form method="post" modelAttribute="user" action="account/loginSubmit.html" id="login" >
            <div class="content">
              <font color=red><form:errors path="*" /></font>
              <b class="padd-form">用户名称:</b>
			  <form:input id="username" path="username" class="q1 margen-bottom" />
			  
              <b class="padd-form">密    码:</b>
              <form:password id="password" path="password"  class="q1 margen-bottom" />
              <br>
              <div>
              <br/>
              <a style="color:#f84812" href="account/forgetPassword.html">忘记密码</a>
            </div>
            <br/>
              <input type="hidden" name="routeTo" value="shoppingCart/checkout.html" />
              <a id="loginSubmitButton" class="button"><span>登录</span></a>
              <a class="link-login" href="account/forgetPassword.html">注册</a>
                          </div>
          </form:form>
        </div>
      </div>
  </div>
  </div>
<script type="text/javascript"><!--
$('#login input').keydown(function(e) {
	if (e.keyCode == 13) {
		$('#login').submit();
	}
});
//--></script> 
</div>
<div class="footer-wrap">
	<%@ include file="footer.jsp" %>
</div>
 
</div>


</body></html>